<template>
  <div class="form-config">
    <el-form-item label="表单布局">
      <el-radio-group v-model="props.formConfig.inline">
        <el-radio-button label="true" :value="true" />
        <el-radio-button label="false" :value="false" />
      </el-radio-group>
    </el-form-item>
    <el-form-item label="表单尺寸">
      <el-radio-group v-model="props.formConfig.size">
        <el-radio-button label="default" value="default" />
        <el-radio-button label="small" value="small" />
        <el-radio-button label="large" value="large" />
      </el-radio-group>
    </el-form-item>
  </div>
</template>

<script setup lang="ts">
import { PropType } from "vue";
import { FormConfig } from "../../type";
const props = defineProps({
  formConfig: {
    type: Object as PropType<FormConfig>,
    default: () => {
      return {};
    },
  },
});
const emit = defineEmits(["changeFormConfig"]);
</script>

<style lang="scss" scoped></style>
